<!DOCTYPE HTML>
<html>
  <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link type="text/css" href="lib/themes/base/jquery.ui.all.css" rel="stylesheet" />
    <link type="text/css" href="lib/jquery.contextMenu.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="style.css">
    
    <title>Grasp</title>
    
    <script type="text/javascript" src="lib/jquery.js"></script>
    <script type="text/javascript" src="lib/functional.min.js"></script>
    <script>
      Functional.install();
    </script>
    
    <script type="text/javascript" src="lib/ui/jquery.ui.core.js"></script>
    <script type="text/javascript" src="lib/ui/jquery.ui.widget.js"></script>
    <script type="text/javascript" src="lib/ui/jquery.ui.position.js"></script>
    <script type="text/javascript" src="lib/ui/jquery.ui.mouse.js"></script>
    <script type="text/javascript" src="lib/ui/jquery.ui.draggable.js"></script>
    <script type="text/javascript" src="lib/ui/jquery.ui.droppable.js"></script>
    <script type="text/javascript" src="lib/ui/jquery.ui.menu.js"></script>
    
    <script type="text/javascript" src="lib/ui/jquery.ui.button.js"></script>
    <script type="text/javascript" src="lib/ui/jquery.effects.core.js"></script>
    <script type="text/javascript" src="lib/ui/jquery.effects.slide.js"></script>
    
    <script type="text/javascript" src="lib/jquery.jLog.min.js"></script>
    <script type="text/javascript" src="lib/jquery.dump.js"></script>
    <script type="text/javascript" src="lib/jquery.format.js"></script>
    <script type="text/javascript" src="lib/jstorage.js"></script>
    <script type="text/javascript" src="lib/jquery.json-2.2.min.js"></script>
    <script type="text/javascript" src="lib/jquery.ui.touch-punch.js"></script>
    <script type="text/javascript" src="lib/jquery.tmpl.js"></script>
    <script type="text/javascript" src="lib/jquery.quickGestures.js"></script>
    
    <script type="text/javascript" src="main.js"></script>
    
    <script type="text/javascript" src="backend/GF.js"></script>
    <script type="text/javascript" src="backend/grasp.js"></script>
    <script type="text/javascript" src="backend/bamsegrammar.js"></script>
    
    <script>
      var grammarDescription = 'BamseAbs.concretes["Bamse"]';
      var grammar = eval(grammarDescription);
    </script>
   
    <script id="sentenceTmpl" type="text/x-jquery-tmpl">
      <span class="word_gap">&nbsp;&nbsp;</span><span class="top_word">${$data.word}</span>
    </script> 
    <script id="lexiconTmpl" type="text/x-jquery-tmpl">
      <span class="lexicon_word">${$data.word}</span>
    </script> 
  </head>
  
  <body >
    <ul id="contextmenu"></ul>
    <div id="main">
      <img src="img/psd-trash-can-icon.png" id="trash"></img>
      <div id="sentence" ></div>
     <div id="wordField"></div>
    </div>  		
  </body>
</html>
